.top-menu-container {
	width: 100%;
	height: 55px;
	position: relative;
}

.top-menu-container .logo {
	width: 180px;
	height: 55px;
	position: relative;
	vertical-align: top;
}

.top-menu-container .area {
	width: calc(100% - 180px);
	height: 55px;
	position: relative;
	vertical-align: top;
}

.top-menu-container .area .date {
	width: calc(100% - 150px);
	height: 100%;
	line-height: 55px;
	position: relative;
	vertical-align: top;
	text-align: right;
	padding-right: 10px;
}

.top-menu-container .area .out {
	width: 100px;
	height: 55px;
	line-height: 55px;
	vertical-align: top;
	text-align: center;
	position: relative;
}

.left-menu-container {
/* 	width: 13%; */
	height: 100%;
}

.left-menu-item {
	width: 100%;
	height: auto;
}

.left-menu-item .level1-menu {
	text-align: left;
	width: calc(100% - 10px);
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	cursor: pointer;
}

.left-menu-item .level2-menu {
	width: 100%;
	height: auto;
}

.disappear {
	display: none;
}

.left-menu-item .level2-menu li {
	list-style-type: none;
	width: calc(100% - 20px);
	padding-left: 20px;
	height: 30px;
	line-height: 30px;
	margin: 3px 0px;
	cursor: pointer;
}

.left-menu-item .level2-menu li:hover {
	background-color: #FF0000;
}

.moving {
	transition: width 2s;
	-moz-transition: width 2s; /* Firefox 4 */
	-webkit-transition: width 2s; /* Safari 鍜� Chrome */
	-o-transition: width 2s;
}
